<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sistema de Entretenimiento Familiar</title>

 <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>


    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">TU DIA DE CAMPO</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="default.html.html">Inicio</a></li>
              <li><a href="#about">Ofertas</a></li>
              <li class="active"><a href="registro.html">Registrate</a></li>
              <li><a href="#about">Nosotros</a></li>
              <li><a href="#contact">Contacto</a></li>

            </ul>
            <form class="navbar-form pull-right">
              <input class="span2" type="text" placeholder="Email">
              <input class="span2" type="password" placeholder="Password">
              <button type="submit" class="btn">Ingresar</button>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

<div class="product_title">${requestScope.MENSAJE}</div>

  <form class="form-horizontal" action="registro.html" method="POST">
  
  <button type="button" class="btn btn-large" disabled>Registro de Usuario</button>
  <br/><br/><br/>
  	<div class="control-group">
	    <label class="control-label" for="inputEmail">Nombres</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Nombres" name="nombres">
	    </div>
	  </div>
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">A. Paterno</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Apellido Paterno" name="paterno">
	    </div>
	  </div>
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">A. Materno</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Apellido Materno" name="materno">
	    </div>
	  </div>
	  
	  <div class="control-group">
	   <label class="radio">
		  <input type="radio" name="sexo" id="optionsRadios1" value="H" checked>
		  Hombre
		</label>
		<label class="radio">
		  <input type="radio" name="sexo" id="optionsRadios2" value="M">
		  Mujer
		</label>
	  </div>
	  
	  <div class="control-group">
	   <select name="tipodoc">
  		<option value="1">DNI</option>
  		<option value="2">Pasaporte</option>
	</select>
	  </div>
	  
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">N. Documento</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="N. Documento" name="numdoc">
	    </div>
	  </div>


	  
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">Correo</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Correo" name="correo">
	    </div>
	  </div>
	  
	   <div class="control-group">
	    <label class="control-label" for="inputEmail">Celular</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Celular" name="celular">
	    </div>
	  </div>
	  
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">Direccion</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Direccion" name="direccion">
	    </div>
	  </div>
	  
	  <div class="control-group">
	    <label class="control-label" for="inputPassword">Password</label>
	    <div class="controls">
	      <input type="password" id="inputPassword" placeholder="Password" name="clave">
	    </div>
	  </div>
	  
	  <div  class="form-actions">
	     <button type="submit" class="btn btn-primary" value="enviar">Registrar</button>
	  </div>
	  
	  

</form>

      <hr>

      <footer>
        <p>&copy; dew-gestion dia campo. 2012</p>
      </footer>

    </div> <!-- /container -->
    
     <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>

</body>
</html>